/*
 * Copyright 2015-2016 Red Hat, Inc. and/or its affiliates
 * and other contributors as indicated by the @author tags.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@import "hawkular.less";

// General

.hk-top {
  margin-top: 0;
}

.hk-btm-configuration {
  padding-bottom: @grid-gutter-width*3;
}

.hk-btn-accordeon-processor {
  margin-top: 15px;
  margin-bottom: 20px;
}

.hk-btn-accordeon-add {
  margin-top: 15px;
}

he .dropdown {
  margin-left: @grid-gutter-width/4;
}

.disabled-txn-card {
  opacity: 0.7;

  a, .btn-link .fa, a .fa {
    color: grey;
  }
}

.hk-txn-item {

  .hk-summary {
    position: relative;
  }

  .hk-delete {
    right: -@grid-gutter-width/4*3;
    position: absolute;
    top: @grid-gutter-width/4*3;
    z-index: 1000;
  }

  // Animations
  &.ng-leave {
    -webkit-animation: flipOutX 1s;
    -moz-animation: flipOutX 1s;
    -ms-animation: flipOutX 1s;
    animation: flipOutX 1s;
  }
}

.hk-txn-item {
  .hk-txn-heading span {
    margin-top: -2px;
  }
}

// Instance Diagram Tooltip

.tt-prop {
  list-style: none;
  margin-left: -40px;
  word-break: break-word;
}

.tt-prop:before {
  content: "»";
  padding-right: 5px;
}

// Alerts {

.alert {
  &.alert-danger {
    background-color:  #fbe7e7;
  }

  &.alert-warning {
    background-color: #fdf4ea;
  }

  &.alert-success {
    background-color: #e8f9e7;
  }

  &.alert-info {
    background-color: #f2f2f2;
  }

  &.alert-dismissible .close {
    right: 0;
  }
}

.hk-btm-ignored .panel .alert {
  margin-bottom: 0;
}

// Charts

.chart-card {
  min-height: 320px;

  @media (max-width: @screen-xs-max) {
    min-height: 240px;
  }
}

.form-inline + .c3 {
  margin-top: @grid-gutter-width/2;
}

i.hk-no-pie-data {
  font-size: 18em;
  opacity: 0.3;
  margin-top: 10px;
}

// Forms

.form-inline .form-group {
  margin-right: @grid-gutter-width/2;
}

.hk-btm-candidates {
  margin-top: @grid-gutter-width/4;
  margin-bottom: @grid-gutter-width/2;

 .form-group {
    margin-right: 0;

    .input-group {
      width: 100%;
    }
  }
}

.hk-candidates-search {
  margin-bottom: @grid-gutter-width/2;
}

.hk-transaction-description {
  width: 100%;

  span {
    color: @gray-dark;
    font-style: normal;
  }
}

label[class*="col-"] {
  text-align: right;
}

// Modals

.modal-xl {
  width: calc(~"100% - 20px");
  margin-top: 10px;
  margin-bottom: 10px;

  .pagination {
    margin-bottom: 10px;
  }
}

#idetails {
  min-height: 460px;
  height: calc(~"100vh - 260px");
}

// Panels

.hk-panel-item {
  font-size: 16px;
}

// Top nav

.hk-screen-top-nav {

  .hk-back {
    display: inline-block;
    font-size: @font-size-base + 1;
    margin-top: @grid-gutter-width/8;
  }

  h1 {
    text-align: center;
    margin-bottom: @grid-gutter-width/4;
    margin-top: @grid-gutter-width/4;
  }

  .hk-update {
    margin-top: 10px;
  }

  .hk-nav-tabs-container {
    border-bottom: 1px solid @table-border-color;
    margin-bottom: @grid-gutter-width/2;
    text-align: center;
  }

  .nav-tabs {
    border-bottom: none;
    display: inline-block;
    margin-bottom: -3px;
    text-align: center;
  }

  .nav-tabs-pf > li > a {
    padding-bottom: 13px;
    padding-top: 13px;

    .label-alert {
      margin-left: 8px;
    }
  }

  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:active,
  .nav-tabs > li.active > a:focus,
  .nav-tabs > li.active > a:hover {
    background-color: transparent;
  }
}
